<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>2018数字化学术教育峰会暨惠每移健客户大会即将开始</title>
    <link rel="stylesheet" href="./css/bootstrap.css"/>
    <link rel="stylesheet" href="./css/index.css"/>
</head>
<body>

<div class="container">
    <!--标题-->
    <div style="text-align: center;">
        <h1>惠每移健客户大会</h1>
    </div>
    <hr>
    <br>
    <!--饼状图-->
    <div>
        <div id="main" class="col-xs-4" style="height: 300px"></div>
        <div id="main2" class="col-xs-4" style="height: 300px"></div>
        <div id="main3" class="col-xs-4" style="height: 300px"></div>
    </div>
    <!--人员信息-->
    <div>
        <!--标签页（Tab）-->
        <ul id="myTab" class="nav nav-tabs">
            <li id="li1" onclick="send(this)" class="active"><a href="#send" data-toggle="tab">发送邀请情况</a></li>
            <li id="li2" onclick="join(this)"><a href="#join" data-toggle="tab">参会人员情况</a></li>
            <li id="li3" onclick="attend(this)"><a href="#attend" data-toggle="tab">出席人员情况</a></li>
            <li id="li4"><a href="#weChat" data-toggle="tab">微信发送</a></li>
        </ul>
        <!--表格-->
        <div id="myTabContent" class="tab-content">
            <!--发送邀请情况-->
            <div class="tab-pane fade in active" id="send">
                <div class="h-1">
                    <h3>发送邀请情况</h3>
                </div>
                <div class="col-xs-12 d-2">
                    <div class="col-xs-3">
                        <div class="input-group">
                            <input type="text" class="form-control nameSeek" placeholder="姓名搜索" value="">
                            <span onclick="name(this)" class="input-group-addon btn btn-primary">搜索</span>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="input-group">
                            <input type="text" class="form-control companySeek" placeholder="公司搜索" value="">
                            <span onclick="company(this)" class="input-group-addon btn btn-primary">搜索</span>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="input-group">
                            <input type="text" class="form-control cellphoneSeek" placeholder="手机搜索" value="">
                            <span onclick="cellphone(this)" class="input-group-addon btn btn-primary">搜索</span>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="input-group">
                            <input type="text" class="form-control emailSeek1" placeholder="邮箱搜索" value="">
                            <span onclick="email(this)" class="input-group-addon btn btn-primary">搜索</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <table class="table table-bordered table-hover">
                        <thead>
                        <tr>
                            <th>姓名</th>
                            <th>公司</th>
                            <th>手机</th>
                            <th>邮箱</th>
                            <th>是否发送邀请:
                                <select class="select" onchange="no(this)">
                                    <option value="0">全部</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                    <option value="3">失败</option>
                                </select>
                            </th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody class="tby">
                        </tbody>
                    </table>
                </div>
                <!--分页-->
                <div class="div" style="text-align: center">

                </div>
            </div>
            <!--参会人员情况-->
            <div class="tab-pane fade" id="join">
                <div class="h-2">
                    <h3>参会人员情况</h3>
                </div>
                <div class="col-xs-12 d-2">
                    <div class="col-xs-3">
                        <div class="input-group">
                            <input type="text" class="form-control nameSeek2" placeholder="姓名搜索" value="">
                            <span onclick="name2(this)" class="input-group-addon btn btn-primary">搜索</span>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="input-group">
                            <input type="text" class="form-control companySeek2" placeholder="公司搜索" value="">
                            <span onclick="company2(this)" class="input-group-addon btn btn-primary">搜索</span>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="input-group">
                            <input type="text" class="form-control cellphoneSeek2" placeholder="手机搜索" value="">
                            <span onclick="cellphone2(this)" class="input-group-addon btn btn-primary">搜索</span>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="input-group">
                            <input type="text" class="form-control emailSeek2" placeholder="邮箱搜索" value="">
                            <span onclick="email2(this)" class="input-group-addon btn btn-primary">搜索</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <table class="table table-bordered table-hover">
                        <thead>
                        <tr>
                            <th>姓名</th>
                            <th>公司</th>
                            <th>手机</th>
                            <th>邮箱</th>
                            <th>是否发邮</th>
                            <th>是否参会
                                <select class="select2" onchange="no2(this)">
                                    <option value="0">全部</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </th>
                            <th>备注</th>
                        </tr>
                        </thead>
                        <tbody class="tby2">

                        </tbody>
                    </table>
                </div>
                <!--分页-->
                <div class="div" style="text-align: center">
                </div>
            </div>
            <!--出席人员情况-->
            <div class="tab-pane fade" id="attend">
                <div class="h-3">
                    <h3>出席人员情况</h3>
                </div>
                <div class="col-xs-12 d-2">
                    <div class="col-xs-3">
                        <div class="input-group">
                            <input type="text" class="form-control nameSeek1" placeholder="姓名搜索" value="">
                            <span onclick="name1(this)" class="input-group-addon btn btn-primary">搜索</span>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="input-group">
                            <input type="text" class="form-control companySeek1" placeholder="公司搜索" value="">
                            <span onclick="company1(this)" class="input-group-addon btn btn-primary">搜索</span>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="input-group">
                            <input type="text" class="form-control cellphoneSeek1" placeholder="手机搜索" value="">
                            <span onclick="cellphone1(this)" class="input-group-addon btn btn-primary">搜索</span>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="input-group">
                            <input type="text" id="emailSeek1" class="form-control " placeholder="邮箱搜索" value="">
                            <span onclick="email1(this)" class="input-group-addon btn btn-primary">搜索</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <table class="table table-bordered table-hover">
                        <thead>
                        <tr>
                            <th>姓名</th>
                            <th>公司</th>
                            <th>手机</th>
                            <th>邮箱</th>
                            <th>是否签到
                                <select class="select3" onchange="no3(this)">
                                    <option value="0">全部</option>
                                    <option value="1">否</option>
                                    <option value="2">是</option>
                                </select>
                            </th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody class="tby3">

                        </tbody>
                    </table>
                </div>
                <!--分页-->
                <div class="div" style="text-align: center">
                </div>
            </div>
            <!--微信发送-->
            <div class="tab-pane fade" id="weChat">
                <div class="col-xs-4">
                    <div class="" style="padding: 25% 0 0 10%">
                        <p>微信分享方法：</p>
                        <p>1.请填写人员信息，名字和邮箱是必填字段</p>
                        <p>2.点击“提交”，在邀请码处会生成邀请link</p>
                        <p>3.复制邀请link到个人微信中并打开</p>
                        <p>4.点击微信右上角并发送给朋友</p>
                    </div>
                </div>
                <div class="col-xs-8">
                    <div class="h-3">
                        <h3>填写人员信息</h3>
                    </div>
                    <div>
                        <div class="col-xs-3"></div>
                        <div class="row col-xs-6">
                            <div class="input-group">
                                <span class="input-group-addon">名字</span>
                                <input type="text" class="form-control  name-a" placeholder="名字不能为空" value="">
                            </div>
                            <label class="name-b" style="color: red"></label>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">公司</span>
                                <input type="text" class="form-control company-a" placeholder="公司不能为空" value="">
                            </div>
                            <label class="company-b" style="color: red"></label>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">手机</span>
                                <input type="text" class="form-control phone-a" placeholder="手机号" value="">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">邮箱</span>
                                <input type="text" class="form-control mailbox-a" placeholder="邮箱不能为空并输入正确的格式" value="">
                            </div>
                            <label class="mailbox-b" style="color: red"></label>
                            <br>
                            <div class="input-group">
                                <button type="button" class="btn btn-default" onclick="present(this)">提交</button>
                            </div>

                            <div class="input-group dis" style="padding: 20px 0">
                                <span class="input-group-addon">邀请码</span>
                                <input type="text" class="form-control yard" value="">
                            </div>
                        </div>
                        <div class="col-xs-3"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/echarts.min.js"></script>
<script src="./js/index.js"></script>
</html>